<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body>
    <script type="module">
        // ESM : ES6的模块化方案 
        // 前端需要使用的模块化 1.commonjs规范 （虽然是nodejs代码，但是可以通过工具转成浏览器可以识别的代码） 2.ESM ：ES6的模块化 
        // 原生的JS的ES6模块化 ： 注意点 ： 1. 设置 script 的type=“module” ，代码会自动在严格模式下执行。 2.需要通过服务器打开页面

        //1. 引入a模块 ,没有任何导出，也是独立的命令空间
        // import './a.js'; // 引入a模块
        // // console.log(a);

        // 2.引入模块 且接收模块导出的内容
        import b from './a.js';
        import {o} from './a.js'
        import {obj} from './a.js'
        console.log(b);
        console.log(o);
        console.log(obj);



        /* 
        // 只有文件的导入导出。
        导入 ： import 
        导出： export default
        
        */




    </script>
</body>
</html>